<template>

  <a-layout class="container">
      <Nav></Nav>
    <a-layout>
      <a-layout-header class="headBtn">
        <Header></Header>
      </a-layout-header>
      <a-layout-content>
        <router-view/>
      </a-layout-content>
      <a-layout-footer>
        <Footer></Footer>
      </a-layout-footer>
    </a-layout>
  </a-layout>
</template>

<script>
import Nav from "../components/admin/Nav";
import Footer from "../components/admin/Footer";
import Header from "../components/admin/Header";
export default {
  name: "Admin",
  components: {Footer, Nav,Header},
  methods:{

  }
}
</script>

<style scoped>
.container{
  height: 100%;
}
.headBtn{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

</style>